<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
        <meta http-equiv="Content-Language" content="en-us" />
        <meta name="Content-Language" content="Notebook" />
        <title>Django | Notebook Application</title>
        <!-- tiny_mce not used right now
        <script type="text/javascript" src="{{ MEDIA_URL }}js/tiny_mce/tiny_mce.js"></script>
        -->
        <!--
        <link href="{{ STATIC_URL }}css/smoothness/jquery-ui-1.8.18.custom.css" rel="stylesheet" type="text/css" media="screen" />
        <script type="text/javascript" src="{{ STATIC_URL }}js/jquery-1.7.1.min.js"></script>
        -->
        <link href="{{ STATIC_URL }}css/redmond/jquery-ui-1.8.18.custom.css" rel="stylesheet" type="text/css" media="screen" />
        <link href="{{ STATIC_URL }}css/origin.css" rel="stylesheet" type="text/css" media="screen" />
        <script type="text/javascript" src="{{ STATIC_URL }}js/jquery-ui-1.8.18.custom.min.js"></script>
        <script type="text/javascript" src="{{ STATIC_URL }}js/addnote.js"></script>
        <title>HTML5 Page</title>
    </head>
    <!-- END Header -->

    <body id="notebook" class="default" style="height: 400px; width: 1000px; ">
    <div id="container">

    <h1 id="logo"><a href="/notebook"><img src="{{ STATIC_URL }}img/icon/en_notebook_132x26.png" alt="Django"/></a></h1>
    </div>
    <!-- END #container -->
    <div id="billboard">
        <h2><a href="/notebook/"> PDA Web Application </a></h2>
        <ul id="nav-global">
            <li id="notebook-homepage"><a href="/notebook">Notebook</a></li>
            <li id="logger-homepage"><a href="/logger">Logger</a></li>
        </ul>
    </div>
    <!-- END #billboard -->



    <!--
    <div id="jquery-us-study">
        <h4><a id="jslink" href="">JS Link</a></h4>
        <div>
            <input type="radio" id="radio1" name="radio" /><label for="radio1">Choice1</label>
            <input type="radio" id="radio2" name="radio" checked="checked" /><label for="radio2">Choice2</label>
            <input type="radio" id="radio3" name="radio" /><label for="radio3">Choice3</label>
        </div>

        <div id="dialog" title="Dialog Title">
            <p>Show up dialog.</p>
        </div>

        <ul id="icons" class="ui-widget ui-helper-clearfix">
            <li class="ui-state-default ui-corner-all" title=".ui-icon-carat-1-n"><span class="ui-icon ui-icon-carat-1-n"></span></li>
            <li class="ui-state-default ui-corner-all" title=".ui-icon-carat-1-ne"><span class="ui-icon ui-icon-carat-1-ne"></span></li>
            <li class="ui-state-default ui-corner-all" title=".ui-icon-carat-1-e"><span class="ui-icon ui-icon-carat-1-e"></span></li>
        </ul>

    </div>
    -->

    <form id="login-form" class="clearfix" action="" method="POST" autocomplete="off">
        <div class="page">
            <div>
                <p>It is {% now "jS F Y H:i" %}</p>
            </div>
            <!--
            <div>
                {% if form_errors %}
                    <p>{{ form_errors }}</p>
                {% else %}
                    <p>no error</p>
                {% endif %}
            </div>
            <div class="input-wrap" id="input-note-category">
                <span class="input-icon"></span>
                <label>Category</label><br />
                <input class="input-text" type="text" name="notecategory"></input><br />
            </div>
            <br />
            <div class="input-wrap" id="input-note-title">
                <span class="input-icon"></span>
                <label>Title</label><br />
                <input class="input-text" type="text" name="title"></input><br />
            </div>
            <br />
            <div class="input-wrap" id="input-note-content">
                <span class="input-icon"></span>
                <label>Content</label><br />
                <textarea class="note-content textarea" type="text" name="content"></textarea>
            </div>
            -->
            {{ form.as_p }}
            <br />
            <div id="progressbar"></div>
            <!--
            {{ form.as_p }}
            -->
            <!--
            <input name="submit" class="button" type="submit"></input>
            -->
            <button class="button">Submit</button>{% csrf_token %}
        </div>
    </form>
    <!-- END #login-form -->

    <br /><br /><br /><br />
    <hr />

    <div id="footer">
        <p>&copy; 2005-2012 <a href="/notebook/">Django Software Foundation</a></p>
    </div>
    <!-- END #footer -->
    </body>
</html>


